<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3D魔方</title>
    <link rel="stylesheet" type="text/css" href="css/3dbox.css" />
</head>
<body>
    <div class="containt">
        <header><h1>3D魔方</h1></header>
        <div class="space3d"><!--3D空间-->
            <div class="_3dbox">
                <div class="_3dface _3dface-front">
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                    <div class="one-color"></div>
                </div>
                <div class="_3dface _3dface-top">
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                    <div class="two-color"></div>
                </div>
                <div class="_3dface _3dface-bottom">
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                    <div class="three-color"></div>
                </div>
                <div class="_3dface _3dface-left">
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                    <div class="four-color"></div>
                </div>
                <div class="_3dface _3dface-right">
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                    <div class="five-color"></div>
                </div>
                <div class="_3dface _3dface-back">
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                    <div class="six-color"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>